{{define "page"}}
<html>
	{{template "header" .}}
	<body>
	{{template "banner" .}}
	{{template "toplinks" .}}
	<div class='content'>
		<!-- Content is HTML-escaped elsewhere -->
		{{.Content}}
	</div>
	{{template "footer" .}}
	</body>
</html>
{{end}}

{{define "header"}}
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
{{if .GoImportDomain}}
<meta name="go-import" content="{{.GoImportDomain}} git {{.GoImportUpstream}}">
{{end}}
{{with $x := .Title}}
  <title>{{$x}} - Perkeep</title>
{{else}}
  <title>Perkeep</title>
{{end}}
<!-- TODO(mpl): figure out why Index does not toggle (like Overview) -->
<link rel="stylesheet" href="/static/all.css" type="text/css" media="all" charset="utf-8">
<link href='//fonts.googleapis.com/css?family=Source+Sans+Pro:400,700' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="/static/all-async.js" async="true"></script>
<script type="text/javascript" src="/static/godocs.js"></script>
</head>
{{end}}

{{define "banner"}}
<div id='header'>
<a href="/"><img width='788' height='161' src='/static/camli-header.png' title="Perkeep" border='0' /></a>
</div>
{{end}}

{{define "toplinks"}}
<div class='bar'><div class='hatecss'>
  <a href='/'>Home</a>
  <a href='/download'>Download</a>
  <a href='/doc/'>Docs</a>
  <a href='/code'>Code</a>
  <a href='/community'>Community</a>
</div></div>
{{end}}

{{define "footer"}}
<div class='bar'><div class='hatecss'>
</div></div>
<div id='props'>
  Website layout inspired by <a href="http://memcached.org/">memcached</a>.<br>
  Content by <a href="/contributors">the authors</a>.
</div>
<script>
function addHeaderAnchors(){
    var headers = document.querySelectorAll("h1, h2, h3, h4")
    var svg = '<svg aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg>'
    for (var i = 0 ; i < headers.length; i++){
       var id = headers[i].id
       if (!id) {
           continue
       }
       var link = document.createElement('a')
       link.className = 'anchor'
       link.href = '#' + id
       link.setAttribute('aria-disabled', true)
       link.innerHTML = svg
       headers[i].appendChild(link)
    }
}
document.addEventListener("DOMContentLoaded", addHeaderAnchors)
</script>
{{end}}
